<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>背景图片的平铺方式</title>
        <style type="text/css">
            .first {
                color: red ; /* 前景色 */
                background-color: #FFFF00 ; /* 背景颜色 */
                background-image: url("yewen.jpg") ; /* 背景图片 */
                background-repeat: no-repeat ; /* repeat | repeat-x | repeat-y | no-repeat*/
                height: 500px ;
            }
        </style>
    </head>
    <body>

        <div class="first">
            我是一个块元素。
        </div>

    </body>
</html>